<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>智慧农业系统访问测试</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            max-width: 800px;
            margin: 50px auto;
            padding: 20px;
            background: #f0f8ff;
        }
        .container {
            background: white;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.1);
        }
        h1 {
            color: #4CAF50;
            text-align: center;
        }
        .link {
            display: block;
            background: #4CAF50;
            color: white;
            text-decoration: none;
            padding: 15px 20px;
            margin: 10px 0;
            border-radius: 5px;
            text-align: center;
            font-weight: bold;
        }
        .link:hover {
            background: #45a049;
        }
        .status {
            background: #e8f5e8;
            padding: 15px;
            border-radius: 5px;
            margin: 20px 0;
        }
        .error {
            background: #ffebee;
            color: #c62828;
        }
        .success {
            background: #e8f5e8;
            color: #2e7d32;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>🌱 智慧农业系统访问测试</h1>
        
        <div class="status success">
            ✅ Web服务器已在端口8085上运行
        </div>
        
        <h3>请尝试以下访问地址：</h3>
        
        <a href="http://localhost:8085" class="link" target="_blank">
            🔗 http://localhost:8085 (推荐)
        </a>
        
        <a href="http://127.0.0.1:8085" class="link" target="_blank">
            🔗 http://127.0.0.1:8085 (备选)
        </a>
        
        <a href="http://192.168.110.222:8085" class="link" target="_blank">
            🔗 http://192.168.110.222:8085 (局域网)
        </a>
        
        <div class="status">
            <h4>💡 故障排除步骤：</h4>
            <ol>
                <li>确认上面显示"Web服务器已运行"</li>
                <li>点击上面的链接访问系统</li>
                <li>如果仍无法访问，请：
                    <ul>
                        <li>检查浏览器是否阻止了本地连接</li>
                        <li>尝试使用不同的浏览器</li>
                        <li>检查防火墙设置</li>
                        <li>重启Web服务器</li>
                    </ul>
                </li>
            </ol>
        </div>
        
        <div class="status">
            <h4>🚀 系统功能预览：</h4>
            <ul>
                <li>📊 15种传感器实时监控</li>
                <li>💧 智能灌溉控制（4个区域）</li>
                <li>🤖 AI智能分析和风险评估</li>
                <li>📈 交互式数据可视化图表</li>
                <li>🚨 设备状态和警报系统</li>
                <li>📊 完整数据导出功能</li>
            </ul>
        </div>
        
        <script>
            // 检测服务器状态
            function checkServerStatus() {
                const urls = [
                    'http://localhost:8085/api/current-data',
                    'http://127.0.0.1:8085/api/current-data',
                    'http://192.168.110.222:8085/api/current-data'
                ];
                
                urls.forEach((url, index) => {
                    fetch(url, {mode: 'no-cors'})
                        .then(() => {
                            console.log(`服务器 ${url} 可访问`);
                        })
                        .catch(() => {
                            console.log(`服务器 ${url} 不可访问`);
                        });
                });
            }
            
            checkServerStatus();
        </script>
    </div>
</body>
</html>